<template>
  <div class="msgHint.vue w">
    <div class="msg_box">
      <img
        class="msg_icon"
        src="../assets/imges/tx.png"
        alt=""
      >
      <div class="msg_title">关于规范公交网站新闻实时发布关于规范公交网站新闻实时发布</div>
    </div>
  </div>
</template>

<script>
export default {
  name: "msgHint.vue",

  data() {
    return {};
  },

  methods: {}
};
</script>

<style lang='scss' scoped>
.msg_box {
  .msg_title {
    width: 219px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .msg_icon {
    width: 35px;
    height: 35px;
    margin: 0 20px;
  }
  display: flex;
  align-items: center;
  height: 42px;
  width: 100%;
  background: rgba(255, 238, 220, 1);
  border: 1px solid rgba(207, 207, 207, 1);
  margin-top: 10px;
}
</style>
